¿Por qué hay un cuadro anidado dentro de los elementos del menú cuando hago clic en ellos en mi aplicación de Android?

Tomó un poco de tiempo, pero lo hice yo mismo.

Lo que tuve que cambiar en styles.xml

• Si Windows puede ejecutar código nativo, ¿por qué Android no puede ejecutar código nativo?
• Cómo desarrollar un mapa de superposición personalizado como en Ingress
• Cómo hacer una aplicación de Android desde un sitio web de WordPress
• ¿Cuáles son las mejores aplicaciones para Android del concepto del menú principal?
• ¿Cómo desarrollar una aplicación de Android simple? ¿Cuáles son los mejores softwares que puedo usar para este propósito?

<style name = "AppTheme.AppBarOverlay"
parent = “ThemeOverlay.AppCompat.Dark.ActionBar”>
@ style / AppTheme.PopupOverlay

<style name = "AppTheme.PopupOverlay"
parent = “ThemeOverlay.AppCompat.Light”>
@ color / colorPrimaryLighter
​​@ color / colorPrimary
@ color / colorPrimaryDarker

La barra de herramientas:

<android.support.design.widget.AppBarLayout
android: layout_width = “match_parent”
android: layout_height = “wrap_content”
android: theme = “@ style / AppTheme.AppBarOverlay”>
<android.support.v7.widget.Toolbar
android: id = “@ + id / barra de herramientas”
android: layout_width = “match_parent”
android: layout_height = “? attr / actionBarSize”
android: animateLayoutChanges = “true” />

Y tengo esto para los colores:

# ff0099cc
# 066f93

Actualización: formato de código